*{
    margin: 0px;
    padding: auto;
    
}
body{
    font-family: "宋体","微软雅黑";
    background-color: rgba(245, 245, 220, 0.523);
}

#yin audio{
    width: 180px;
    float: left;
    display: none;
}

.navbar .shou{
    color: rgb(237, 227, 38);
}
.navbar a:hover{
    color: cadetblue;
    font-size: 18px;
}
/* .navbar a:visited{
    color: blue;
} */
.navbar{
    background-color: #333;
    width: 1100px;
    height: 55px;
    margin: auto;
    font-size: 17px;
    font-weight: bold;
}
.navbar ul #lingxi ol{
    font-size: 12px;
    width: 100px;
    z-index: 1;
}
.navbar ul #lingxi a:hover{
    font-size: 10px;
}

.navbar ul{
    width: 1000px;
    margin: auto;
}


.navbar li{
    float: left;
    list-style: none;        /* 消除列表样式 */
    position: relative;
}
.navbar li a{
    color: #f2f2f2;
    text-align: center;
    text-decoration: none;
    line-height: 55px;
    margin-right: 100px;
}
.navbar li ol{
    position: absolute;
    left: -18px;
    width: 80px;
    background: #333;
    display: none;
}
.navbar li ol li {
    width: 100%;
}
.navbar li ol li a{
    margin-right: 0px;
    text-align: center;
    display: block;
}
.navbar li:hover ol{
    display: block;
}
.navbar  img{
    height: 55px;
    float: left;
    margin-right: 80px;
    margin-left: 20px;
}
.denglu{
    float: right;
    margin-top: 17px;
    margin-right: 70px;

}
.denglu a{
    text-decoration: none;
    color: white;
    font-size: 17px;
    font-weight: bold;
}





.ti{
    width: 200px;
    margin: auto;
    text-align: center;
    padding: 50px;
}
.ti h1{
    border: #333 1px solid;
    border-radius: 0 50px 0 50px ;
    font-family: "香萃零度黑";
}



.j1{
    margin: 40px;
    width: 1100px;
    margin: auto;
    margin-top: 20px;
    color: #CFB577;
    font-family: "香萃打字机体 W40";

   
}
.j1  .shi1{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j1  video{
    width: 400px;
    border-radius:0 80px 0 50px;
   
}
.shi1 img{
    width: 80px;
    position: absolute;
    float: left;
}
.shi1 img:hover{
    width: 90px;
}

.shi1 #xia{
    left: -30px;
    top: -50px;
}
.shi1 #xiao{
    top: 120px;
    left: 380px;
}
.shi1 #lu{
    top: -10px;
    right: 30px;
}
.shi1 #qi{
    left: -80px;
    top: 150px;
}
.shi1 #zha{
    right: 60px;
    top: 150px;
}

.wen1{
    text-align: center;
    float: right;
    position: absolute;
    left: 950px;
    top: 250px;
    font-size: 18px;
}
#wen1{
    float: left;
    position: absolute;
    left: 848px;
    top: 250px;
}
#wen1 h1{
    width: 50px;
}




.j2{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #AB532F;
    font-family: "香萃打字机体 W40";
   
   
}
.j2 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j2  .shi2{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j2 .wen2{
    text-align: center;
    float: right;
    position: absolute;
    left: 1050px;
    top: 550px;
    font-size: 18px;
}
#wen2{
    float: left;
    position: absolute;
    left: 948px;
    top: 550px;
}
#wen2 h1{
    width: 50px;
}
.shi2 img{
    width: 80px;
    position: absolute;
    float: left;
}
.shi2 img:hover{
    width: 90px;
}

.shi2 #xia{
    left: -30px;
    top: -50px;
}
.shi2 #xiao{
    top: 150px;
    left: 370px;
}
.shi2 #lu{
    top: -10px;
    left: 370px;
}
.shi2 #qi{
    left: 590px;
    top: -20px;
}
.shi2 #zha{
    right: 40px;
    top: 130px;
}



.j3{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #D8D2A6;
    font-family: "香萃打字机体 W40";
   
   
}
.j3 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j3  .shi3{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j3 .wen3{
    text-align: center;
    float: right;
    position: absolute;
    left: 1050px;
    top: 860px;
    font-size: 18px;
}
#wen3{
    float: left;
    position: absolute;
    left: 948px;
    top: 880px;
}
#wen3 h1{
    width: 50px;
}
.shi3 img{
    width: 80px;
    position: absolute;
    float: left;
}
.shi3 img:hover{
    width: 90px;
}

.shi3 #zha{
    left: -30px;
    top: -50px;
}
.shi3 #xia{
    top: 150px;
    left: 380px;
}
.shi3 #xiao{
    top: -10px;
    left: 360px;
}
.shi3 #lu{
    left: 600px;
    top: -20px;
}
.shi3 #qi{
    right: 70px;
    top: 150px;
}


.j4{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #280E18;
    font-family: "香萃打字机体 W40";
}
.j4 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j4  .shi4{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j4 .wen4{
    text-align: center;
    float: right;
    position: absolute;
    left: 1050px;
    top: 1190px;
    font-size: 18px;
}
#wen4{
    float: left;
    position: absolute;
    left: 948px;
    top: 1200px;
}
#wen4 h1{
    width: 50px;
}
.shi4 img{
    width: 140px;
    position: absolute;
    float: left;
}
.shi4 img:hover{
    width: 90px;
}

.shi4 #lu{
    left: -50px;
    top: -50px;
}
.shi4 #qi{
    top: 140px;
    left: 320px;
}
.shi4 #zha{
    top: -50px;
    left: 320px;
}
.shi4 #xiao{
    left: 650px;
    top: -50px;
}
.shi4 #xia{
    right: 10px;
    top: 120px;
}


.j5{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #3D5C7A;
    font-family: "香萃打字机体 W40";
}
.j5 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j5  .shi5{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j5 .wen5{
    text-align: center;
    float: right;
    position: absolute;
    left: 980px;
    top: 1500px;
    font-size: 18px;
}
#wen5{
    float: left;
    position: absolute;
    left: 850px;
    top: 1480px;
}
#wen5 h1{
    width: 50px;
}
.shi5 img{
    width: 100px;
    position: absolute;
    float: left;
}
.shi5 img:hover{
    width: 90px;
}

.shi5 #qi{
    left: -50px;
    top: -50px;
}
.shi5 #xiao{
    top: 140px;
    left: 375px;
}
.shi5 #lu{
    top: -50px;
    left: 320px;
}
.shi5 #zha{
    left: 570px;
    top: -30px;
}
.shi5 #xia{
    right: -40px;
    top: 120px;
}



.j6{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #F7B25C;
    font-family: "香萃打字机体 W40";
}
.j6 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j6  .shi6{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j6 .wen6{
    text-align: left;
    float: right;
    position: absolute;
    left: 980px;
    top: 1800px;
    font-size: 18px;
}
#wen6{
    float: left;
    position: absolute;
    left: 850px;
    top: 1800px;
}
#wen6 h1{
    width: 50px;
}
.shi6 img{
    width: 100px;
    position: absolute;
    float: left;
}
.shi6 img:hover{
    width: 90px;
}

.shi6 #qi{
    left: -50px;
    top: -50px;
}
.shi6 #xiao{
    top: 140px;
    left: 375px;
}
.shi6 #lu{
    top: -50px;
    left: 320px;
}
.shi6 #zha{
    left: 570px;
    top: -30px;
}
.shi6 #xia{
    right: 5px;
    top: 120px;
}





.j7{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #E353AA;
    font-family: "香萃打字机体 W40";
}
.j7 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j7  .shi7{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j7 .wen7{
    text-align: left;
    float: right;
    position: absolute;
    left: 980px;
    top: 2100px;
    font-size: 18px;
}
#wen7{
    float: left;
    position: absolute;
    left: 850px;
    top: 2100px;
}
#wen7 h1{
    width: 50px;
}
.shi7 img{
    width: 100px;
    position: absolute;
    float: left;
}
.shi7 img:hover{
    width: 90px;
}

.shi7 #xiao{
    left: -50px;
    top: -50px;
}
.shi7 #xia{
    top: 140px;
    left: 375px;
}
.shi7 #zha{
    top: -50px;
    left: 320px;
}
.shi7 #qi{
    left: 570px;
    top: -30px;
}
.shi7 #lu{
    right: -40px;
    top: 120px;
}



.j8{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #b81008;
    font-family: "香萃打字机体 W40";
}
.j8 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j8  .shi8{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j8 .wen8{
    text-align: left;
    float: right;
    position: absolute;
    left: 980px;
    top: 2400px;
    font-size: 18px;
}
#wen8{
    float: left;
    position: absolute;
    left: 850px;
    top: 2400px;
}
#wen8 h1{
    width: 50px;
}
.shi8 img{
    width: 100px;
    position: absolute;
    float: left;
}
.shi8 img:hover{
    width: 90px;
}

.shi8 #qi{
    left: -50px;
    top: -50px;
}
.shi8 #xiao{
    top: 140px;
    left: 375px;
}
.shi8 #xia{
    top: -50px;
    left: 320px;
}
.shi8 #lu{
    left: 570px;
    top: -30px;
}
.shi8 #zha{
    right: -40px;
    top: 120px;
}




.j9{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #79787A;
    font-family: "香萃打字机体 W40";
}
.j9 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j9  .shi9{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j9 .wen9{
    text-align: left;
    float: right;
    position: absolute;
    left: 900px;
    top: 2720px;
    font-size: 18px;
}
#wen9{
    float: left;
    position: absolute;
    left: 800px;
    top: 2720px;
}
#wen9 h1{
    width: 50px;
}
.shi9 img{
    width: 100px;
    position: absolute;
    float: left;
}
.shi9 img:hover{
    width: 90px;
}

.shi9 #xia{
    left: -50px;
    top: -50px;
}
.shi9 #lu{
    top: 140px;
    left: 375px;
}
.shi9 #xiao{
    top: -50px;
    left: 320px;
}
.shi9 #zha{
    left: 530px;
    top: -30px;
}
.shi9 #qi{
    right: -10px;
    top: 120px;
}




.j10{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #d2cece;
    font-family: "香萃打字机体 W40";
}
.j10 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j10  .shi10{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j10 .wen10{
    text-align: left;
    float: right;
    position: absolute;
    left: 920px;
    top: 3020px;
    font-size: 18px;
}
#wen10{
    float: left;
    position: absolute;
    left: 800px;
    top: 3000px;
}
#wen10 h1{
    width: 50px;
}
.shi10 img{
    width: 100px;
    position: absolute;
    float: left;
}
.shi10 img:hover{
    width: 90px;
}

.shi10 #xia{
    left: -50px;
    top: -50px;
}
.shi10 #lu{
    top: 140px;
    left: 375px;
}
.shi10 #xiao{
    top: -50px;
    left: 320px;
}
.shi10 #zha{
    left: 530px;
    top: -30px;
}
.shi10 #qi{
    right: 30px;
    top: 120px;
}


.j11{
    margin: 40px;
    width: 1100px;
    margin:80px auto;
    color: #F5799A;
    font-family: "香萃打字机体 W40";
}
.j11 video{
    width: 400px;
    border-radius:0 80px 0 50px;
}
.j11  .shi11{
    margin-left: 100px;
    position: relative;
    /* z-index: -999;  */
}
.j11 .wen11{
    text-align: left;
    float: right;
    position: absolute;
    left: 850px;
    top: 3350px;
    font-size: 18px;
}
#wen11{
    float: left;
    position: absolute;
    left: 900px;
    top: 3300px;
}

.shi11 img{
    width: 100px;
    position: absolute;
    float: left;
}
.shi11 img:hover{
    width: 90px;
}

.shi11 #xia{
    left: -50px;
    top: -50px;
}
.shi11 #lu{
    top: 140px;
    left: 375px;
}
.shi11 #xiao{
    top: -50px;
    left: 320px;
}
.shi11 #qi{
    left: 470px;
    top: -30px;
}
.shi11 #zha{
    right: 10px;
    top: 80px;
}



.wei{
    margin: 40px auto;
    color: white;
    background-color: #333;
    height: 60px;   width: 1100px;
    border-radius: 50px;
    line-height: 30px;
    text-align: center;
    padding: 10px;
    font-size: 26px;
   
}
.wei span{
    font-size: 22px;
    font-family:"Great Vibes" ;
    word-spacing: 5px;
    letter-spacing: 5px;
}
